<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<link rel="stylesheet" type="text/css" media="screen" href="jqgrid/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" media="screen" href="jqgrid/css/jquery-ui-1.10.3.custom.css" />

<script src="jqgrid/js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="jqgrid/js/i18n/grid.locale-kr.js" type="text/javascript"></script>


<script type="text/javascript">
jQuery(document).ready(function(){

		jQuery("#list2").jqGrid({
		   	url:'http://localhost:8080/SMDev/output_test.jsp',
			datatype: "json",
		   	colNames:['RID','R_NAME', 'R_DESCRIPTION'],
		   	colModel:[
		   		{name:'RID',index:'RID', width:55},
		   		{name:'R_NAME',index:'R_NAME', width:90},
		   		{name:'R_DESCRIPTION',index:'R_DESCRIPTION', width:100}
		   	],
		   	rowNum:10,
		   	rowList:[10,20,30],
		   	pager: '#pager2',
		   	sortname: 'RID',
		    viewrecords: true,
		    sortorder: "desc",
		    caption:"JSON Example"
		});

		jQuery("#list2").jqGrid('navGrid','#pager2',{edit:false,add:false,del:false});
});
</script>


</head>
<body>

<table id="list2"></table>
<div id="pager2"></div>

</body>
</html>